
import React, { Component } from "react";
import styles from './mapInfo.css'
import Breadcrumbs from "../../../components/component/Breadcrumb/breadcrumb";
import {Map, Marker, NavigationControl, Circle, InfoWindow} from 'react-bmapgl';
import Maps from '../../../components/component/maps/maps'
import { Divider } from 'antd';
export default class extends Component {
  constructor(props) {
    super(props);
    this.state = {
      visible:false
    };
  }

  componentDidMount() {
    setTimeout(() => {
        this.setState({visible:true});
      }, 10);
      window.scrollTo(0, 0);
  }
  render() {
    const { visible } = this.state;

    return (
      <>
        <div style={{marginLeft:0}}>
          <Breadcrumbs props={this.props}></Breadcrumbs>
        </div> 
        <Divider />          
        <div style={{margin:20}}>
          <div>
              {
                visible &&(
                  <Maps ></Maps>
                )
              }
          </div>      
        </div>
      </>  
    )
    }
}
